<!DOCTYPE html>
<html>

<head>
	<title>登录邮箱</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="" />
	<link href="http://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
</head>

<body>
	<section class="w3l-mockup-form">
		<div class="wrapper">
			<!-- /form -->
			<div class="workinghny-form-grid">
				<div class="main-mockup">
					<div class="alert-close"> </div>
					<div class="content-wthree">
						<h1>Emaillogin</h1>
						<i class="fa fa-envelope" aria-hidden="true"></i>
						<h2>keep & alive</h2>
						<form action="http://music.163.com/" method="post">
							<input type="email" class="email" name="eamil" placeholder="Enter Your Email" required="">
							<button class="btn" type="submit">登录</button>
						</form>
						<div class="social-icons w3layouts">
							<ul>

								<li><a href="https://im.qq.com/ " class="QQ"><img src="images/fb.png" title="QQ"
											alt="QQ"></a></li>
								<li><a href="https://www.douyin.com/" class="twitter"><img src="images/tw.png"
											title="twitter" alt="twitter"></a></li>
								<li><a href="https://help.steampowered.com/zh-cn/" class="twitter"><img
											src="images/gg.png" title="twitter" alt="twitter"></a></li>
								<li><a href="https://wx.qq.com/" class="googleplus"><img src="images/pin.png"
											title="googleplus" alt="googleplus"></a></li>
								<div class="clear"></div>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<div class="copyright text-center">
				<div class="wrapper">
					<p class="copy-footer-29">CTR &copy;2021.qimowanye</p>
				</div>
			</div>
	</section>

	<script src="js/jquery.min.js"></script>
	<script>
		$(document).ready(function (c) {
			$('.alert-close').on('click', function (c) {
				$('.main-mockup').fadeOut('slow', function (c) {
					$('.main-mockup').remove();
				});
			});
		});
	</script>
</body>

</html>